.dropdown-menu{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: $zindexDropdown;
	display: none; // none by default, but block on "open" of the menu
	float: left;
	min-width: 160px;
	padding: 0px 0;
	margin: 5px 0 0; // override default ul
	list-style: none;
	background-color: $grayLighter;
	border: 2px solid #ccc; // Fallback for IE7-8
	border: 2px solid $dropdownBorder;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	@include border-radius(0px);
	@include box-shadow(0 2px 3px rgba(0,0,0,0));
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;

	// Aligns the dropdown menu to right
	&.pull-right{
		right: 0;
		left: auto;
	}

	// Dividers (basically an hr) within the dropdown
	.divider{
		@include nav-divider($dropdownDividerTop, $dropdownDividerBottom);
		margin: 5px 0;
		border-bottom: none;
	}

	// Links within the dropdown menu
	> li > a{
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: $baseLineHeight;
		color: $gray;
		white-space: nowrap;
	}

	.nav-header{
		color: $linkColor;
	}
}

.nav-tabs .dropdown-menu{
	@include border-radius(0px); // remove the top rounded corners here since there is a hard edge above the menu
}

.nav-pills .dropdown-menu{
	@include border-radius(0px); // make rounded corners match the pills
}